// FLEX布局
.flex-row{flex-direction: row;}
.flex-column{flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}
.flex-1{flex: 1;}
.flex-2{flex: 2;}
.flex-3{flex: 3;}
.flex-between-start{display: flex;justify-content: space-between;align-items: flex-start;}
.flex-between-center{display: flex;justify-content: space-between;align-items: center;}
.flex-between-end{display: flex;justify-content: space-between;align-items: flex-end;}
.flex-center-start{display: flex;justify-content: center;align-items: flex-start;}
.flex-center-center{display: flex;justify-content: center;align-items: center;}
.flex-center-end{display: flex;justify-content: center;align-items: flex-end;}
.flex-around-start{display: flex;justify-content: space-around;align-items: flex-start;}
.flex-around-center{display: flex;justify-content: space-around;align-items: center;}
.flex-around-end{display: flex;justify-content: space-around;align-items: flex-end;}
.flex-start-start{display: flex;justify-content: flex-start;align-items: flex-start;}
.flex-start-center{display: flex;justify-content: flex-start;align-items: center;}
.flex-start-end{display: flex;justify-content: flex-start;align-items: flex-end;}
.flex-end-start{display: flex;justify-content: flex-end;align-items: flex-start;}
.flex-end-center{display: flex;justify-content: flex-end;align-items: center;}
.flex-end-end{display: flex;justify-content: flex-end;align-items: flex-end;}
// 字体
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fw-bold{font-weight: bold;}
.fw-600{font-weight: 600;}
.fw-500{font-weight: 500;}
// 边距
.mg-10{margin: 10px;}
.mg-20{margin: 20px;}
.mt-5{margin-top: 5px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mb-5{margin-bottom: 5px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.ml-5{margin-left: 5px}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mr-20{margin-right: 20px;}
.pd-10{padding: 10px;}
.pr-10{padding-right: 10px;}
.radius-50{border-radius: 50%;}


// 宽高
.w-5{width: 5px;}
.w-10{width: 10px;}
.w-15{width: 15px;}
.w-20{width: 20px;}
.w-25{width: 25px;}
.w-30{width: 30px;}
.w-50{width: 50px;}
.w-60{width: 60px;}
.w-150{width: 150px;}
.w-auto{width: auto;}
.h-5{height: 5px;}
.h-10{height: 10px;}
.h-15{height: 15px;}
.h-20{height: 20px;}
.h-25{height: 25px;}
.h-30{height: 30px;}
.h-60{height: 60px;}
.h-autp{height: auto;}
// overflow
.of-auto{overflow: auto;}
.of-hidden{overflow: hidden;}

// 颜色
.color-white{color: #fff;}
.color-green{color: #4EDE5D;}
.color-red{color: #CF0F0B;}
.color-333{color: #333;}
.color-666{color: #666;}
.color-999{color: #999;}
.color-78{color: #787878;}

.bg-white{background-color: #fff;}
.bg-999{background-color: #999;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}